$(function () {
    // 进入或者刷新时加载
    var user = localStorage["user"]?JSON.parse(localStorage["user"]):[]//第一次进入无数据处理
    $("h5").text("")//默认清空用户名显示
    $("#userLogin").removeClass("d-none")//将登陆按钮显示
    $("#quit").addClass("d-none")//默认隐藏退出登录按钮
    if (user.length>0){//已有用户数据时进入
        for (var i = 0;i<user.length;i++){//遍历
            if (json(user[i]).login){//判断是否有用户处于登录状态
                localStorage["login"]=JSON.stringify(user[i])//将当前处于登录状态的账号数据分开存储
                $("h5").text(json(user[i]).username)//显示登录账号的用户名
                $("#userLogin").addClass("d-none")//因有账号处于登录状态，登录按钮隐藏
                localStorage["sort"]=i//存储处于登录状态的账号数据存于user的第几个
                $("#quit").removeClass("d-none")//显示退出登录按钮
                break;
            }
        }
    }
    $("#login_user").on("touchstart",function () {
        var n = 0//用于记录正确数，账号密码双正确才能登录
        var index = 0
        console.log(user)
        for (var i = 0; i < user.length; i++) {
            var userName = json(user[i]).username
            console.log(`${userName},${$("#login_userName").val()},${userName==$("#login_userName").val()}`)
            if (userName==$("#login_userName").val()){//匹配用户名
                index=i//记录当前匹配到用户名的下标
                n++
            }
        }
        if (n==0){
            $("#login_userName").parent().next().css({display:"block"})
        }else {
            var passWord = json(user[index]).password
            if (passWord==$("#login_passWord").val()){
                json(user[index]).login=true
                localStorage["sort"]=index//存入登录状态账号位于user的下标
                localStorage["login"]=user[index]//获取登录状态账号数据
                user = JSON.stringify(user)
                localStorage["user"]=user//将数据存入本地
                location.href="user.html"//重新载入(刷新)
            }else {
                $("#login_passWord").parent().next().css({display:"block"})
            }
        }
    })
    $("#quit").on("touchstart",function () {//退出登录
        localStorage["login"]=null//清空登录状态账号数据
        var userLS = json(user[localStorage["sort"]])//获取当前处于登录状态的账号
        userLS.login=false//使其登录状态改为false
        user[localStorage["sort"]]=userLS//将修改后的值回传
        user = JSON.stringify(user)//将修改后的值回传
        localStorage["user"]=user//将修改后的值回传
        localStorage["sort"]=null//清除登录状态的账号数据位置的储存
        location.href="user.html"//刷新页面
    })
    $("#userLogin").on("touchstart",function () {//单击登录切换可视界面
        $(".user").addClass("d-none")
        $(".login-register").removeClass("d-none")
    })
    $("#register_user").on("touchstart",function () {//注册
        var n = 0//用于记录错误数，超过0即为有错误，页面不切换
        if ($("#register_code").val()!=(parseInt(sessionStorage["code"])+2)/5+10+""){//验证验证码是否正确
            $("#register_code").parent().next().css({display:"block"})
            n++
        }
        if (!(/^[a-zA-Z0-9_\$]{4,16}$/.test($("#register_userName").val()))){//用户名是否规范
            $("#register_userName").parent().next().css({display:"block"})
            $("#register_userName").parent().next().text("用户名不符合规范")
            n++
        }
        if (!(/^[a-zA-Z0-9_\$]{10,16}$/.test($("#register_passWord").val()))){//密码是否规范
            $("#register_passWord").parent().next().css({display:"block"})
            n++
        }
        if ($("#register_passWord").val()!=$("#register_rePassWord").val()){//确认密码是否与密码一致
            $("#register_rePassWord").parent().next().css({display:"block"})
            n++
        }
        if (n==0){//页面内容无错误方可进入
            var user = localStorage["user"]?JSON.parse(localStorage["user"]):[]//接受本地数据
            var arr = {}
            var bool = true
            if(user.length!=0){
                var length = user.length//获取用户数据数组的长度
                for (var i = 0;i<length;i++){//遍历防止用户名重复
                    if (json(user[i]).username==$("#register_userName").val()){//重复则中止注册进度，显示问题原因
                        $(".userName-register").css({display:"block"})
                        bool=false
                    }
                }
            }
            if (bool){
                arr.username=$("#register_userName").val()//全部正确后存入本地
                arr.password=$("#register_passWord").val()//全部正确后存入本地
                arr.login=true//确认账号状态，true为正在登录，为登录的账号为false
                arr = JSON.stringify(arr)
                user.push(arr)
                user = JSON.stringify(user)
                localStorage["user"]=user//将数据存入本地
                location.href="user.html"//重新载入(刷新)
            }
        }
    })
    $("#login input,#register input").on("focus",function () {
        $(this).parent().next().css({display:"none"})
        $(".userName-register").text("用户名已被注册")
    })
})